﻿@charset "utf-8";
/* CSS Document */
*{padding:0;margin:0;outline:none;-webkit-tap-highlight-color:transparent;/*-webkit-appearance: none;*/}
body{-webkit-text-size-adjust:none;min-width:310px;max-width:640px;margin:0 auto;font-family:'Microsoft Yahei','Simsun';font-size:14px;color:#2a5da5;background:#a40001;}
a{font-size:14px;color:#fff;text-decoration:none;-webkit-touch-callout:none}
a:link{color:#fff;text-decoration:none;}
a:visited{color:#fff;text-decoration:none;}
a:hover{color:#fff;text-decoration: none;}
a:active {color:#fff;text-decoration:none;}
img,a img{border:0;margin:0;padding:0;vertical-align:middle;}
ul,li{display:block;list-style:none;margin:0;padding:0;}
form,p{margin:0px;}
input,select{vertical-align:middle;color:#666;font-family:'Microsoft Yahei','Simsun';font-size:14px;}

#header{width:100%;height:auto;overflow:hidden;}
#logo{width:100%;height:auto;overflow:hidden;}
#logo img{width:100%;}
#titles{padding:20px 10px 20px 10px;font-size:20px;text-align:center;font-weight:bolder; display:none;}
#time{ width:100%;overflow:hidden; text-align:center;    background: rgba(255,255,255,0.2);color: #fff;height: 45px;line-height: 45px;}

#main{margin:0;padding:0; margin-top:10px;width:100%;height:auto;overflow:hidden;}
#search{margin:5px;display:-webkit-box;-webkit-box-orient:horizontal;height:40px;line-height:40px;overflow:hidden;background:#5b9bf8;border-radius:3px;width: 96%;margin-left: auto;margin-right: auto;}
#search #ss{display: block;-webkit-box-flex:1;}
#search #st{width:100%;border:none;background:#FFF;height:40px;line-height:40px;text-indent:10px; color:#a40001; font-size:16px;}

#search #st::-webkit-input-placeholder {color:#666;}
#search #sb{display:block;width:80px;font-size:16px;background:#f9770f; text-align:center; color:#FFF;}

#list{margin:0px;padding:0;width:100%;height:auto;overflow:hidden;}
.show{margin-top:20px;padding:5px 0px 5px 0px;display:-webkit-box;-webkit-box-orient:horizontal;height:auto;overflow:hidden;background: #fff;width: 96%;margin-left: auto;margin-right: auto;}
.show .ll{display:block;width:100px;height:auto;overflow:hidden;text-align:center;}
.show .ll .p{ margin:auto;margin-top:3px;width:90px;height:60px;background:no-repeat center center;background-size:cover;border-radius:5px;}
.show .ll .p img{width:94%;height:auto;margin-left: 3%}
.show .lr{display: block;-webkit-box-flex:1;height:auto;overflow:hidden;}
.show .lr li{margin:0px 10px 0px 10px;}
.show .lr .na{font-size:14px;color:#333;}
.show .lr .no{font-size:12px;color:#666;}
.show .lr .no span{ float:right;}
.show .lr .vs{}
.show .lr .vs .vsb{position:relative;display:block;height:5px;width:100%;background:#dcdada;border-radius:5px;}
.show .lr .vs .vsp{background-size: 40px 40px;position:relative;margin-top:-5px;display:block;height:5px;width:0%;background-color: #f0ad4e;
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);border-radius:5px;}
.show .lr .vo{color:#666;}
.show .lr .vo .vol{display:block;float:left;width:50%;}
.show .lr .vo .vor{display:block;float:left;width:50%; text-align:right;}


#list .li{clear:both;}

#page{margin:0px;padding:0; margin-top:10px;width:100%;height:auto;overflow:hidden; text-align:center;}
#page span{ display:inline-block; padding:10px 15px 10px 15px;background:#cfeffe; margin:5px;border-radius:3px;cursor:pointer;}

#content{padding:10px; line-height:25px;border-bottom:#2a5da5 1px  dashed; font-size:16px; background:#FFF;}
#content img{width:100%;}



.result{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:280px;padding:20px 5px 20px 5px;z-index:3000;border-radius:10px;display:none;background: rgba(40, 40, 40, 0.75);color:#FFF; text-align:center;overflow:hidden;font-size:20px;}

.zoom{position:fixed;top:0;bottom:0;left:0;right:0;background:#000;z-index:999999;display:none;}
.pinch-zoom{position:relative;}
.pinch-zoom,.pinch-zoom img{width:100%;-webkit-user-drag: none;}
.show_zoom{display: -webkit-box;-webkit-box-orient: horizontal;-webkit-box-pack: center;-webkit-box-align: center;}
.title_zoom{position:fixed;bottom:10px;left:10px;right:10px;color:#FFF;z-index:9999999; font-size:18px; text-align:center;}